<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Electrolux的样式</title>
    <link rel="stylesheet" href="../../index.css" />
    <link rel="stylesheet" href="./detail.css" />
    <script type="text/javascript" src="./detail.js"></script>
  </head>
  <body>
    <div class="flex-col page">
      <div class="flex-col space-y-10 section">
        <div class="flex-row justify-between group">
          <span class="text">8:59</span>
          <div class="flex-row space-x-5">
            <img class="image" src="../../img/e5964dc4c6449352e3ed8df96702e219.png" />
            <img class="image_2" src="../../img/4e7caffe73d655293e97856b038dfbca.png" />
            <img class="image_3" src="../../img/dea2136dcc2d10ac217deee715874e59.png" />
          </div>
        </div>
        <div class="flex-row justify-between group_2">
          <img class="image_5 image_6" src="../../img/6290e7c5c0cca061f87ca4bc11a246c1.png" />
          <img class="image_4" src="../../img/6eac921927806e2b98959235440d42e0.png" />
        </div>
      </div>
      <div class="flex-col space-y-38 section_2">
        <div class="flex-col space-y-15">
          <div class="flex-row justify-between group_3">
            <span class="text_2">富士山</span>
            <span class="text_3">￥205</span>
          </div>
          <div class="flex-row space-x-9 group_4">
            <img class="image_7" src="../../img/048b5d9f47e27296b8dd52b35f875f85.png" />
            <span class="font_1">日本·本州岛</span>
          </div>
          <div class="flex-row space-x-9">
            <div class="flex-col items-end group_5">
              <img class="image_9" src="../../img/0098cf62b9e1b514f26653cdf1cc5f1c.png" />
              <img class="image_8" src="../../img/b9fbf1df716a61a65be09907ebfb5047.png" />
            </div>
            <span class="font_1 text_4">(4.9)</span>
          </div>
        </div>
        <div class="flex-col space-y-14">
          <span class="font_2 text_5">出行选择</span>
          <span class="font_1 text_6">队伍出行人数选择</span>
          <div class="flex-row justify-evenly">
            <div class="flex-col items-center text-wrapper"><span class="font_4 text_8">1</span></div>
            <div class="flex-col items-center text-wrapper_2"><span class="font_4">2</span></div>
            <div class="flex-col items-center text-wrapper_3"><span class="font_4 text_9">3</span></div>
            <div class="flex-col items-center text-wrapper_2"><span class="font_4">4</span></div>
            <div class="flex-col items-center text-wrapper_4"><span class="font_3 text_7">自定义</span></div>
          </div>
        </div>
        <div class="flex-col space-y-9">
          <span class="font_2 text_10">景点描述</span>
          <div>
            <span class="font_5">
              富士山位于日本本州岛中南部，东距东京约80千米，跨越在日
              <br />
            </span>
            <span class="font_5">
              本静冈县与山梨县之间，山麓位于骏河湾至系鱼川之间的大地
              <br />
            </span>
            <span class="font_5">
              沟地带上。高3775.63米，山底周长125千米，占地面积约12
              <br />
            </span>
            <span class="font_5">00平方千米。富士山是日本精神、文化的经典象征之一。</span>
          </div>
        </div>
        <div class="flex-row space-x-20">
          <div class="flex-col items-center image-wrapper">
            <img class="image_5" src="../../img/524b2238f42b89f8e7dbf09383be96a1.png" />
          </div>
          <div class="flex-row justify-between section_3">
            <span class="font_3 text_11">立即预定旅行团</span>
            <img class="image_10" src="../../img/3c7a06619aa730674022191c64afe2ff.png" />
          </div>
        </div>
      </div>
    </div>
  </body>
</html>